<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>map</title>
    <link rel="stylesheet" type="text/css" href="resources/css/jquery-ui-1.9.2.custom.css"/>
    <link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="resources/css/ui.jqgrid-bootstrap.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
    <link rel="stylesheet" type="text/css" href="resources/css/head.css"/>
    <link rel="stylesheet" type="text/css" href="resources/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="resources/css/zhfw-r-b.css"/>
    <link rel="stylesheet" type="text/css" href="resources/css/alertPopup.css"/>
	<link rel="stylesheet" type="text/css" href="js/css/zTreeStyle/zTreeStyle.css">
	<link rel="stylesheet" type="text/css" href="css/chartForStation.css">
	<link rel="stylesheet" type="text/css" href="css/user.css">
	<link rel="stylesheet" type="text/css" href="css/searchDiv.css">
    <link id="skin" rel="stylesheet" href="">
    <script src="resources/js/skin.js"></script>
    <script src="resources/js/jquery2.1.min.js"></script>
    <script src="resources/js/bootstrap.min.js"></script>
    <script  src="resources/js/i18n/grid.locale-cn.js"></script>
    <script type="text/javascript" src="resources/js/jquery.jqGrid.min.js"></script>
    <script src="resources/js/jquery-ui.min.js"></script>
    <script src="resources/js/iClient/SuperMap.Include.js"></script>
	<!-- 天地图 -->
	<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0"></script>
	<script src="resources/js/tianditu/tianditu.js"></script>
    <script src="resources/laydate/laydate.js"></script>
	<script type="text/javascript" src="js/js/jquery.ztree.core-3.5.js"></script>
	<script type="text/javascript" src="js/js/jquery.ztree.excheck-3.5.js"></script>
    <script src="js/common.js"></script>
    <script src="js/global.js"></script>
    <script src="js/config.js"></script>
    <script src="js/mapMeasure.js"></script>
    <script src="js/meteo.js"></script>
    <script src="js/cimiss.js"></script>
    <script src="js/monitor.js"></script>
    <script src="js/index.js"></script>
    <script src="js/popup.js"></script>
    <script src="js/advancedQuery.js"></script>
    <script src="js/nephogram.js"></script>
    <script src="js/radar.js"></script>
    <script src="js/mapQuery.js"></script>
    <script src="js/dutyperson.js"></script>
    <script src="js/display.js"></script>
    <script src="js/school1.js"></script>
    <script src="js/school2.js"></script>
    <script src="js/school3.js"></script>
    <script src="js/school4.js"></script>
    <script src="js/school5.js"></script>
    <script src="js/powerStation.js"></script>
    <script src="js/railway.js"></script>
    <script src="js/gasStation.js"></script>
    <script src="js/restArea.js"></script>
    <script src="js/fireStation.js"></script>
    <script src="js/hospital1.js"></script>
    <script src="js/hospital2.js"></script>
    <script src="js/hospital3.js"></script>
	<script src="js/echarts.min.js"></script>	
	<script src="js/highcharts.js"></script>
</head>
<body>
<!--预警信号等级发布数量-->

<!-- 地图 -->
<div id="map"></div>

<!-- 地图标题 -->
<div id="map_title" title="图层标题">
    <p id="map_title_text"></p>
    <p id="map_title_time"></p>
</div>

<!-- 地图工具栏 -->
<div id="tool">
    <img id="header_menus_title_tool" flag="0" src="resources/images/tool.png" class="tool_img"/>
    <div id="tool_div">
        <img id="header_menus_title" flag="0" src="resources/images/header_menus_title.png" class="tool_img"/>
        <img id="header_menus_fullScreen" flag="0" src="resources/images/header_menus_fullScreen.png" class="tool_img"/>
        <img id="header_menus_fullImage" flag="0" src="resources/images/header_menus_fullImage.png" class="tool_img"/>
        <img id="header_menus_layer" flag="0" src="resources/images/header_menus_layer.png" class="tool_img"/>
        <img id="header_menus_mask" flag="1" src="resources/images/header_menus_mask_checked.png" class="tool_img"/>
        <img id="header_menus_surface" flag="0" src="resources/images/header_menus_surface.png" class="tool_img"/>
        <img id="header_menus_rang" flag="0" src="resources/images/header_menus_rang.png" class="tool_img"/>
        <img id="header_menus_query" flag="0" src="resources/images/header_menus_query.png" class="tool_img"/>
        <img id="tool_hide" src="resources/images/tool_hide.png" class="tool_img"/>
    </div>
</div>
<img id="header_menus_title_tips" src="resources/images/header_menus_title_tips.png" class="tool_tips_img"/>
<img id="header_menus_fullScreen_tips" src="resources/images/header_menus_fullScreen_tips.png" class="tool_tips_img"/>
<img id="header_menus_fullImage_tips" src="resources/images/header_menus_fullImage_tips.png" class="tool_tips_img"/>
<img id="header_menus_layer_tips" src="resources/images/header_menus_layer_tips.png" class="tool_tips_img"/>
<img id="header_menus_mask_tips" src="resources/images/header_menus_mask_tips.png" class="tool_tips_img"/>
<img id="header_menus_surface_tips" src="resources/images/header_menus_surface_tips.png" class="tool_tips_img"/>
<img id="header_menus_rang_tips" src="resources/images/header_menus_rang_tips.png" class="tool_tips_img"/>

<!-- 区域查询 -->
<div id="draw_tool">
    <img src="resources/img/png/jx.png" id="draw_tool_jx" class="draw_tool_img" title="绘制矩形">
    <img src="resources/img/png/yx.png" id="draw_tool_yx" class="draw_tool_img" title="绘制圆形">
    <img src="resources/img/png/dbx.png" id="draw_tool_dbx" class="draw_tool_img" title="绘制多边形">
    <img src="resources/img/png/qb.png" id="draw_tool_ry" class="draw_tool_img" title="任意绘制">
    <img src="resources/img/png/qc.png" id="draw_tool_remove" class="draw_tool_img" title="清除">
</div>
<script>
   // $("#cancelDialogTable").on("click",cancelDialogTableListen);
    var cancelDialogTableListen= function(id){
    	//document.getElementById("globleJqgridData").style.display = "none";
    	//$("#globleJqgridData").addClass("display","none");
    	if(id=="cancelDialogTableContactPeople"){
		    $("#globleJqgridDataContactPeople").css('display','none');
    	}else if(id=="cancelJqgridTableDisplay"){
		    $("#globleJqgridDataDisplay").css('display','none');
    	}else if(id=="cancelJqgridTableSchool1"){
    		$("#globleJqgridDataSchool1").css('display','none');
    	}else if(id=="cancelJqgridTableSchool2"){
    		$("#globleJqgridDataSchool2").css('display','none');
    	}else if(id=="cancelJqgridTableSchool3"){
    		$("#globleJqgridDataSchool3").css('display','none');
    	}else if(id=="cancelJqgridTableSchool4"){
    		$("#globleJqgridDataSchool4").css('display','none');
    	}else if(id=="cancelJqgridTableSchool5"){
    		$("#globleJqgridDataSchool5").css('display','none');
    	}else if(id=="cancelJqgridTablePowerStation"){
    		$("#globleJqgridDataPowerStation").css('display','none');
    	}else if(id=="cancelJqgridTableRailway"){
    		$("#globleJqgridDataRailway").css('display','none');
    	}else if(id=="cancelJqgridTableGasStation"){
    		$("#globleJqgridDataGasStation").css('display','none');
    	}else if(id=="cancelJqgridTableRestArea"){
    		$("#globleJqgridDataRestArea").css('display','none');
    	}else if(id=="cancelJqgridTableFireStation"){
    		$("#globleJqgridDataFireStation").css('display','none');
    	}else if(id=="cancelJqgridTableHospital1"){
    		$("#globleJqgridDataHospital1").css('display','none');
    	}else if(id=="cancelJqgridTableHospital2"){
    		$("#globleJqgridDataHospital2").css('display','none');
    	}else if(id=="cancelJqgridTableHospital3"){
    		$("#globleJqgridDataHospital3").css('display','none');
    	}
    }
   
   /* $("body").bind("dblclick",onBodyDownByDevType15);
	$("#globleJqgridData").on("dblclick",inputValueSendTimeListen);

	var inputValueSendTimeListen = function(){
		//$("#globleJqgridData").addClass("display",true);
		$("#globleJqgridData").addClass('display','none');
		//$("#globleJqgridData").css('display','none');
	}
	//Body鼠标按下事件回调函数
	function onBodyDownByDevType15(event){
	    if(event.target.id.indexOf('switch')==-1 && event.target.id != "globleJqgridData" && event.target.id != "bxfb_div"){
	    	hideDeviceTypeMenu15();
	    }
	}
	//隐藏设备类型tree
	function hideDeviceTypeMenu15(){
	    $("#globleJqgridData").fadeOut("fast");
	    $("body").unbind("dblclick",onBodyDownByDevType15);
	}*/
</script>

<!-- 图层控制 -->
<div id="map_layer">
    <div id="map_layer_title">
        选择底图
        <img id="map_layer_exit" src="resources/images/exit.png">
    </div>
    <hr id="hr_1"/>
    <div id="map_layer_check">
        <div id="map_layer_vec" class="map_layer_image" title="矢量"></div>
        <div id="map_layer_img" class="map_layer_image" title="影像"></div>
        <div id="map_layer_ter" class="map_layer_image" title="地形"></div>
        <p id="map_layer_vec_p" class="map_layer_word">矢量</p>
        <p id="map_layer_img_p" class="map_layer_word">影像</p>
        <p id="map_layer_ter_p" class="map_layer_word">地形</p>
    </div>
    <hr id="hr_2"/>
    <div id="map_layer_placename">
        地名
        <img id="map_layer_placename_img1" class="map_layer_check_img" src="resources/images/kuang.png"/>
        <img id="map_layer_placename_img2" class="map_layer_check_img1" src="resources/images/kuangchecked.png"/>
        &nbsp;&nbsp;&nbsp;边界
        <img id="map_layer_border_img1" class="map_layer_check_img" src="resources/images/kuang.png"/>
        <img id="map_layer_border_img2" class="map_layer_check_img1" src="resources/images/kuangchecked.png"/>
    </div>
</div>


<!-- 时间段查询 -->
<div id="sdtime1" class="time-check time-box">
    <div class="beginTime">
        <span id="beginTime_span" class="input_text">开始时间</span>
        <input id="beginTime_input" placeholder="请输入日期">
    </div>
    <div class="endTime">
        <span id="endTime_span" class="input_text">结束时间</span>
        <input id="endTime_input" placeholder="请输入日期">
    </div>
    <span id="SLTimeConfirm" class="time_button">查询</span>
    <span id="SLTimeExit" class="time_button">关闭</span>
</div>
<!-- 涉农主体详情显示 -->
<div id="companyDiv" style="display: none;">
	<div id="companyTitle">
		<img style="width: 20px;height: 20px;cursor: pointer; float: right; margin-top: 2px; margin-right: 5px;" src="img/close.png" onclick="closeCompany()">
	</div>
	<div style="padding: 5px">
	<div>
		<div id="userName" style="float: left; font-weight:bold; font-size: 16px;"></div>
		<div id="userCode"></div>		
		<div id="userType"></div>
		<div id="companyUrl"><a href="http://www.baidu.com/" target="_blank">www.baidu.com</a></div>
		<hr class="popup_hr"/>
	</div>
	<div style="height: 100%; margin-top: 0;">
		<ul id="content" class="popul">
		</ul>
	</div>
	</div>	
</div>
<!-- 涉事主体详情显示end -->
<!-- 统计图-->
<div id="chartForStation" style="display: none">
		<div id="stationTitle" class="charTitle">宁蒗 日实况日照时数柱状图（站号：56567)</div>
		  <div style="width: 500px; float: left; font-size: 15px;"> 
		  <div class="option">	  
			  <div style="position: absolute; left: 25%;">
				  <label style="float: left; user-select: none;">类型：</label> 
				<ul id="chartForStationul1" class="type">
					<li><a onclick="settypeData('sun')">日照</a></li>
					<li><a onclick="settypeData('temp')">气温</a></li>
					<li><a onclick="settypeData('rain')">降水</a></li>
					<li><a id="chartForStationLeftLabeltur1" onclick="settypeData('tur,10')">土温</a></li>
					<li><a onclick="settypeData('kPa')">气压</a></li>		  
				</ul>
			 </div>	
		  </div>
		  <div class="stationHide"></div>
		  <div class="option">	 	
			<div style="position: absolute; left: 25%;">   
				  <label style="float: left; user-select: none;">尺度：</label>
				<ul id="chartForStationul2" class="type">
					<li><a onclick="settypeTime('hour')">时</a></li>
					<li><a onclick="settypeTime('day')">日</a></li>
					<li><a onclick="settypeTime('tendays')">旬</a></li>
					<li><a onclick="settypeTime('month')">月</a></li>
				  <!-- <li><a onclick="setTimeData('year')">年</a></li> -->
				</ul>
			</div>
		  </div>
		  <div class="stationHide"></div>
		  <div class="option">	
			<div style="position: absolute; left: 25%;">  
				  <label style="float: left; user-select: none;">样式：</label>
				<ul id="chartForStationul3" class="type">
					<li><a onclick="setTypedata('spline')">曲线图</a></li>
					<li><a onclick="setTypedata('column')">柱状图</a></li>
				</ul>
			</div>	
		  </div>  
		  </div>
		  <div id="container" style="max-width:500px; height:300px;"></div> 
		  <div style="width:100%; height:2px; border-radius:5px; background-color:white;"></div>
</div>
<!-- 统计图end-->

<!-- 内置搜索框 -->
<div id="serach">	
	<ul id="column" style="display: none;">
		<li onclick="showUser()"><img class="titleimg" src="resources/images/show1.png">服务示范</li>
		<li style="background: #ccc; width: 2px; height: 75%; margin-top: 1%;"></li>
		<li onclick="showeExpert()"><img class="titleimg" src="resources/images/show2.png">专家联盟</li>
		<li style="background: #ccc; width: 2px; height: 75%; margin-top: 1%;"></li>
		<li onclick="showAgri()"><img class="titleimg" src="resources/images/show3.png">农情灾情</li>
	</ul>
	<div style="float: left; width: 450px; height: 42px; line-height: 37px;border: 2px solid #458B00; border-radius: 3px; padding-left: 5px; background: #fff">
		<input id="serachInput" type="text" name="fname" placeholder="请输入搜索目标";/>
		<li style="background: #ccc; width: 2px; height: 75%; margin-top: 1%; float: left;"></li>
		<div id="chooseType">普通用户</div>
		<img id="submit" src="resources/images/search.png" style="width:32px; height: 32px;" onclick="findUser()"/>
	</div>	
	<div id="columnResultDiv" style="float: left; width: 450px; height: auto; padding-top: 10px; background: #fff; display: none;">
		<ul id="columnResult">
		</ul>
	</div>	
	<ul id="searchResult" style=" display: none;">
		<!-- <div class="searchResultLi">
			<ul class="searchResultLiul">
				<li class="searchResultLili">用户名:15616465464646546410648964984dfegwgw516w1fdqdqd126qdqw</li>
				<li class="searchResultLili">地址:15616465464646546410648964984dfegwgw516w1fdqdqd126qdqw</li>
				<li class="searchResultLili">区划代码:15616465464646546410648964984dfegwgw516w1fdqdqd126qdqw</li>
			</ul>
			<img class="searchResultLiimg" src="resources/images/noimage.png"/>
		</div>
		<div class="searchResulline"></div> -->
	</ul>		
</div>
<!-- 内置搜索框end -->

<!-- 大图框 -->
<div oncontextmenu="return false" onselectstart="return false" ondragstart="return false" id="datukuang" style="width: 600px; height:600px; position: absolute; z-index: 100; top: calc( 50% - 300px); left: calc( 50% - 300px);display: none;">
	<div id="imgtitle" style="width: 600px; height: 25px; float: right; background: #FFF; cursor: move;"></div>
	<img title="点击关闭图片" onclick="CloseImageWin()" style="width: 600px; height: 575px; " id="bigimage" src=""/>
</div>
<!-- 大图框end -->	
<!-- 综合服务 -->
<div class="zhfw" style="visibility: hidden;">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default" style="box-shadow: 0 6px 12px rgba(0,0,0,.175); border:none;">
            <div class="panel panel-headtit">

                <div class="panel-heading" role="tab" id="headingTwo">
                    <h4 class="panel-title">
                        <h4 style="font-weight:500;">一张图综合服务
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                               href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                <span id="zhfw_tzlb" flag="0" title="图层列表"
                                      class="glyphicon glyphicon-list zhfw_list"></span>
                            </a>
                            <span id="zhfw_zttc" flag="1" title="专题图层" class="glyphicon glyphicon-bookmark kjfs"></span>
                        </h4>
                    </h4>
                </div>

                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                    <div class="panel-body bottom">
                        <div class="mod-mod">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active" id="zt_control1">
                                    <a href="#home" aria-controls="home" role="tab"
                                       data-toggle="tab" title="专题">
                                        <span class="glyphicon glyphicon-th-large"></span>
                                    </a>
                                </li>
                                <li role="presentation" id="zt_control2">
                                    <a href="#industry" aria-controls="industry" role="tab"
                                       data-toggle="tab" title="行业" style="display: none">
                                        <span class="glyphicon glyphicon-folder-open"></span>
                                    </a>
                                </li>
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="home">
                                    <div class="zt">
                                        <h4>专题</h4>
                                        <i class="unSelect">清除所选</i>
                                    </div>
                                    <div class="con" id="scrollMainBox">
                                        <div id="scrollContent" class="scrollContentDiv" style="width:100%;">

                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="industry">
                                    <div class="zt">
                                        <h4>行业</h4>
                                        <i class="unSelect">清除所选</i>
                                    </div>
                                    <div class="con" id="scrollMainBox1">
                                        <div id="scrollContent1" class="scrollContentDiv" style="width:100%;">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 专题图层 -->
<div class="zhfw-kuaijie" style="display: none">
    <span id="zhfw-qjfs1" flag="1" class="panel-heading-imgs">
        <span class="img img1"></span>
        <span class="panel-heading-imgname">实况监测</span>
        <img src="resources/img/png/u1093.png" alt="">
    </span>
    <span id="zhfw-qjfs2" flag="0" class="panel-heading-imgs">
        <span class="img img2"></span>
        <span class="panel-heading-imgname">预报预警</span>
        <img src="resources/img/png/u1101.png" alt="">
    </span>
    <span id="zhfw-qjfs3" flag="0" class="panel-heading-imgs">
        <span class="img img3"></span>
        <span class="panel-heading-imgname">农情调查 </span>
        <img src="resources/img/png/u1121.png" alt="">
    </span>
    <span id="zhfw-qjfs4" flag="0" class="panel-heading-imgs">
        <span class="img img4"></span>
        <span class="panel-heading-imgname">灾情调查</span>
        <img src="resources/img/png/u1099.png" alt="">
    </span>
    <span id="zhfw-qjfs5" flag="0" class="panel-heading-imgs">
        <span class="img img5"></span>
        <span class="panel-heading-imgname">农业概况</span>
        <img src="resources/img/png/u1117.png" alt="">
    </span>
    <span id="zhfw-qjfs6" flag="0" class="panel-heading-imgs">
        <span class="img img6"></span>
        <span class="panel-heading-imgname">种植区分布</span>
        <img src="resources/img/png/u1097.png" alt="">
    </span>
    <span id="zhfw-qjfs7" flag="0" class="panel-heading-imgs">
        <span class="img img7"></span>
        <span class="panel-heading-imgname">生育期分布</span>
        <img src="resources/img/png/u1115.png" alt="">
    </span>
    <span id="zhfw-qjfs8" flag="0" class="panel-heading-imgs">
        <span class="img img8"></span>
        <span class="panel-heading-imgname">相关设备</span>
        <img src="resources/img/png/u1095.png" alt="">
    </span>
</div>

<!-- 专题图层poi图例 -->
<span id="zhfw-zt-legend-span" flag="1" class="glyphicon glyphicon-th-large" title="图层"></span>
<span id="zhfw-zt-legend-span1" style="display: none;"></span>
<div id="zhfw-zt-legend" style="display: none;">
	<div id="zhfw-zt-legend_div" style="display: none;">
		<div>
			<span id="tuli" style="display:inline-block; padding:5px 0 0 10px; font-size:16px;">图例</span>
			<hr style="margin: 6px 8px 0 8px; border-top:1px solid #ccc;">
		</div>
		<div>
			<div id="zhfw_zt_legend_div"></div>
	  		<div id="zhfw_zt_legend_div1"></div>
	  		<div id="zhfw_zt_legend_div2"></div>
		</div>
		<div style="clear:both;"></div>
	</div>
	<div id="zhfw-yjxh-div" style="display:none;">
		<div id="warning-info-count" class="warning-info-count">
		    <div class="warntit">
		        <span class="warntit-text"><span id="zhfw-yjxh-area"></span>预警信息共 <strong id="zhfw-yjxh-count"></strong> 条</span>
		        <span id="yjxh_list_icon" class="glyphicon glyphicon-list-alt" title="预警信息列表" onclick="yjxhListShow();"></span>
		    </div>
		    <hr style="margin: 6px 0px 0 0px; border-top:1px solid #ccc;">
		    <div class="warn-ring">
		        <div id="ring" style="width: 380px;height: 160px"></div>
		    </div>
		    <div class="warn-area">
		        <ul style="margin:0;">
		            <li>
		                <span><img src="resources/img/warn-nmg.png">自治区</span>
		                <div id="zhfw-yjxh-count1"></div>
		            </li>
		            <li>
		                <span><img src="resources/img/warn-shi.png">盟市</span>
		                <div id="zhfw-yjxh-count2"></div>
		            </li>
		            <li style="border: none">
		                <span><img src="resources/img/warn-xian.png">旗县</span>
		                <div id="zhfw-yjxh-count3"></div>
		            </li>
		    	</ul>
			</div>
		</div>
		<div id="warning-info-list">
			<div class="warntit">
				<span class="warntit-text"><span id="zhfw-yjxh-area1"></span>预警信号共 <strong id="zhfw-tjcx-count1"></strong> 条</span>
				<span id="yjxh_count_icon" class="glyphicon glyphicon-edit" title="预警信息统计" onclick="yjxhCountShow();"></span>
			</div>
		    <hr style="margin: 6px 0px 0 0px; border-top:1px solid #ccc;">
			<div id="gridMainDiv_yjxh" class="gridMainDiv">
		    	<table id="gridTable_yjxh"></table>
		    	<div id="gridPager_yjxh"></div>
		    </div>
		</div>
	</div>
</div>

<!-- 时间轴 -->
<!--时间轴背景-->
<div id="wu-time-line-shadow">
    <div id="wu-time-content"></div>
</div>
<!--时间轴时间短-->
<div id="wu-time-line-time">
	<div id="wu-time-line-content"></div>
</div>
<!--播放开关-->
<span id="play-time" class="play-time">
    <img id="timeAxis_img" src="resources/img/png/play-time.png" alt="" class="time-play1">
    <input id="timeAxis_input" class="timeAxis" type="text"/>
    <input id="timeAxis_input_year" class="timeAxis" type="text"/>
    <input id="timeAxis_input_month" class="timeAxis" type="text"/>
    <input id="timeAxis_input_date" class="timeAxis" type="text"/>
    <input id="timeAxis_input_datetime" class="timeAxis" type="text"/>
</span>
<span class="play-stop">
    <img id="radarTimeAxisPlay" src="resources/img/png/time-play.png" alt="" class="time-play">
    <img id="radarTimeAxisStop" src="resources/img/png/time-stop.png" alt="" class="time-stop">
</span>
<span class="play-left">
    <img id="timeAxisLeft" src="resources/img/png/play-left.png" alt="" class="time-play1">
</span>
<span class="play-right">
    <img id="timeAxisRight" src="resources/img/png/play-right.png" alt="" class="time-play1">
</span>
<!--右侧拉伸开关-->
<span class="time-line-hid">
    <img src="resources/img/png/zhfw-l.png" alt="">
</span>
<span class="time-line-show">
    <img src="resources/img/png/zhfw-r.png" alt="">
</span>

<script>
    $(function () {

		$("body").on("click",onBodyDownByDisa);
		//selectAlarmLevel1Listen();
	   /**
	  *@author: lifeng
	  *@since 2017-7-26 
	  *@describ 监听下拉树的value
	  */

		$(".circle").click(function () {
			//alert("当前选项是:"+this.value);
			var disaId = document.getElementById("menu_parent_id").value;
			var alarmLevel1 = $(".glyphicon-ok").attr("id");
			var orgid = document.getElementById("orgId").value;
			if(disaId!=""&&alarmLevel1!=""){
				var params = {
					"orgId" : orgid,
					"disasterId" : disaId,
					"alarmLevel1" : alarmLevel1
				};
				$.ajax({
					 async: false,
					 url: Global.common.ajaxPath+"/Strategy/selectStrategy2.do",
					 data : params,
					 success: function (data){
						if(data!=null&&data!=""){
							var obj = eval("("+data+")");
							document.getElementById("strategyId").value = obj[0].id;
							document.getElementById("strategyName").innerText = obj[0].value;
							//document.getElementById("strategyName").style.display="";//显示
							//alert(obj[0].id);
							$.ajax({
								async: false,
								url: Global.common.ajaxPath+"/Strategy/selectStrategyById2.do",
								data : {
										"strategyId" : obj[0].id
									},
								success: function (data1){
								var obj = eval("("+data1+")");
								var releaseChannelIds = obj[0].releaseChannelIds;
								var releaseChannelIdsArray = releaseChannelIds.split(",");
								var div1 = document.getElementById("releaseChannelIds");
								var divs = div1.getElementsByTagName("div");
								for(var i=0;i<releaseChannelIdsArray.length;i++){
									for(var j=0;j<divs.length;j++) {
										if(("b"+releaseChannelIdsArray[i]) == divs[j].id){

											document.getElementById(divs[j].id).className = "blur blur1";
										} 
									}
								}
								//加载时选中已选择项
								//for(var j=0;j<releaseChannelIdsArray.length;j++){
								//	if(releaseChannelIdsArray[j] == obj[i].id){
								//		document.getElementById(obj[i].id).className = "blur blur1";
								//	}
								//}
							},
							error: function (xhr) { alert('加载渠道ID出错！'); }
						  });
						}else{
							document.getElementById("strategyId").value = "1";
							document.getElementById("strategyName").innerText = "默认发布策略";
							//document.getElementById("strategyName").style.display="";//显示
							$.ajax({
								async: false,
								url: Global.common.ajaxPath+"/Strategy/selectStrategyById2.do",
								data : {
										"strategyId" : "1"
								},
								success: function (data2){
									var obj = eval("("+data2+")");
									var releaseChannelIds = obj[0].releaseChannelIds;
									var releaseChannelIdsArray = releaseChannelIds.split(",");
									var div1 = document.getElementById("releaseChannelIds");
									var divs = div1.getElementsByTagName("div");
									for(var i=0;i<releaseChannelIdsArray.length;i++){
										for(var j=0;j<divs.length;j++) {
											//alert(divs[j].id);
											if(("b"+releaseChannelIdsArray[i]) == divs[j].id){
												//alert(divs[j].id);
												//document.getElementById(divs[j].id).getElementsByTagName("input")[0].checked = true;
												document.getElementById(divs[j].id).className = "blur blur1";
											} 
										}
									}
									
									//加载时选中已选择项
									//for(var j=0;j<releaseChannelIdsArray.length;j++){
									//	if(releaseChannelIdsArray[j] == obj[i].id){
									//		document.getElementById(obj[i].id).className = "blur blur1";
									//	}
									//}
								},
						  });
						}
						//获取灾害类型名称
						var disaName = document.getElementById("bxfb_zhlx_input").value;
						
						//预警级别名称
						var alarmLevel1Name = $(".glyphicon-ok").attr("value");
						//发布单位名称
						var orgName = document.getElementById("orgName").value;
						
						var date = new Date();
						var seperator2 = ":";
						var month = date.getMonth() + 1;
						var strDate = date.getDate();
						var hours = date.getHours();
						var minutes = date.getMinutes();
						var seconds = date.getSeconds();
						if (month >= 1 && month <= 9) {
							month = "0" + month;
						}
						if (strDate >= 0 && strDate <= 9) {
							strDate = "0" + strDate;
						}
						if (hours >= 0 && hours <= 9) {
							hours = "0" + hours;
						}
						if (minutes >= 0 && minutes <= 9) {
							minutes = "0" + minutes;
						}
						if (seconds >= 0 && seconds <= 9) {
							seconds = "0" + seconds;
						}
						document.getElementById("sendTime").value = date.getFullYear() + "-" + month + "-" + strDate
								+ " " + hours + seperator2 + minutes
								+ seperator2 + seconds;
						
						//获取当前时间
						var sendTime = date.getFullYear() + "-" + month + "-" + strDate
								+ " " + hours + seperator2 + minutes
								+ seperator2 + seconds;
						//alert(orgName+"于"+ sendTime + "发布" + disaName + alarmLevel1Name +"。");
						if(disaName!=""&&alarmLevel1Name!=""&&sendTime!=""&&orgName!=""){
							document.getElementById("description").value = orgName+"于"+ sendTime + "发布" + disaName + alarmLevel1Name +"。";
						}
						//alert(document.getElementById("strategyId").value);
					 },
					 error: function (xhr) { alert('加载策略出错！'); }
				});
				//clearInterval(i);
			}else{
		   }
		});
    });
</script>

<!-- 图例 -->
<div id="legend-shadow">
    <div id="legend-content"></div>
</div>
<div id="legend-line">
	<div id="legend-line-content">图 例</div>
</div>
<span class="legend-img">
    <img src="resources/img/png/legendIco.png" alt="" class="legend-img-img">
</span>
<span class="legend-hid">
    <img src="resources/img/png/zhfw-l.png" alt="">
</span>
<span class="legend-show">
    <img src="resources/img/png/zhfw-r.png" alt="">
</span>
<style>
.ui-jqgrid .ui-jqgrid-view{
	overflow:auto;
}
.ui-jqgrid .ui-jqgrid-hdiv{
	overflow:visible;
	height:30px;
}
</style>

<script src="js/grib/DColorLayer.js"></script>
<script src="js/grib/FillRangeColorLayer.js"></script>
<script src="js/grib/mapConfig/ElmtStyleConfig.js"></script>
<script src="js/grib/mapConfig/heatMap_10uvStyles.js"></script>
<script src="js/grib/mapConfig/heatMap_Rain24Styles.js"></script>
<script src="js/grib/mapConfig/heatMap_RHStyles.js"></script>
<script src="js/grib/mapConfig/heatMap_TCCStyles.js"></script>
<script src="js/grib/mapConfig/heatMap_TempStyles.js"></script>
<script src="js/PCASClass.js"></script>
<script src="js/scroll.js"></script>
<script src="js/event.js"></script>
<script src="js/chartForStation.js"></script>
<script src="js/user.js"></script>
<script src="js/searchDiv.js"></script>
</body>
</html>